$(function () {

    // 树组件初始化
    $("#demoTree").ztreeInit({
        checkEnable:true,
        url:"data/city.json",
        success:function (data) {
            //console.log(data);
        }
    });

    $("#demoTree1").ztreeInit({
        checkEnable:true,
        url:"data/city.json",
        success:function (data) {
            //console.log(data);
        },
        callback:{
            // 当check的时候
            onCheck:function (event, treeId, treeNode) {
                console.log($("#demoTree1").ztreeGet("getCheckedNodes"));
            }
        }
    });

    $("#demoTree2").ztreeInit({
        checkEnable:true,
        url:"data/city.json",
        success:function (data) {
            //console.log(data);
        },
        callback:{
            // 当check的时候
            onCheck:function (event, treeId, treeNode) {
                var _checkedNodes = $("#demoTree2").ztreeGet("getCheckedNodes");
                var _checkedIds = "";
                var _checkedNames = "";
                if(_checkedNodes && _checkedNodes.length>0){
                    for(var index=0;index<_checkedNodes.length;index++){
                        _checkedIds += _checkedNodes[index].id+",";
                        _checkedNames += _checkedNodes[index].name+",";
                    }
                }
                $("#selectValue2").val(_checkedIds);
                $("#selectText").val(_checkedNames);
            }
        }
    });


    // 点击按钮事件
    $("#btnTest").click(function () {

        // 获取选择的节点
        console.log($("#demoTree").ztreeGet("selectedNodes"));

        // 获取check的节点
        console.log($("#demoTree").ztreeGet("getCheckedNodes"));
        console.log($("#demoTree").ztreeGet("getCheckedNodes",false));

        // 获取不存在的方法，报错，需要扩展
        console.log($("#demoTree").ztreeGet("xxx"));
    });


    $(document).bind("click",function (event) {
        if(event.target.id=="select1"){
            if($("#demoTree1").css("display")!="none"){
                $("#demoTree1").hide();
            }else{
                $("#demoTree1").show();
            }

        }else if(event.target.id.indexOf("demoTree1")>-1){
            $("#demoTree1").show();
        }else{
            $("#demoTree1").hide();
        }
        if(event.target.id!="selectText" && event.target.id.indexOf("demoTree2")<0){
            $("#demoTree2").fadeOut();
        }

    });

    //
    $("#selectText").bind("click",function () {
        $("#demoTree2").fadeToggle();
    });
});